<include file="Core:Public:header" /> {:W('Navigation')}
<script src="http://cdn.bootcss.com/echarts/3.2.2/echarts.min.js"></script>
<div class="body-right">
	<div class="row-col">
		<div class="row-table">
			<div class="row-table-title">总外卖单图表</div>
			<div class="row-table-body">
				<div class="row-body">
					<div class="allorder" id="allorder"></div>
				</div>
				<script type="text/javascript">
					// 基于准备好的dom，初始化echarts实例
					var myChart = echarts.init(document.getElementById('allorder'));

					// 指定图表的配置项和数据
					option = {
					    title : {
					        text: '最近1000条数据分析',
					        subtext: '配送员数据',
					        x:'center'
					    },
					    tooltip : {
					        trigger: 'item',
					        formatter: "{a} <br/>{b} : {c} ({d}%)"
					    },
					    legend: {
					        x : 'center',
					        y : 'bottom',
					        data:['rose1','rose2','rose3','rose4','rose5','rose6','rose7','rose8']
					    },
					    toolbox: {
					        show : true,
					        feature : {
				            mark : {show: true},
				            dataView : {show: true, readOnly: false},
				            magicType : {
				                show: true,
				                type: ['pie', 'funnel']
				            },
				            restore : {show: true},
				            saveAsImage : {show: true}
				        }
					    },
					    calculable : true,
					    series : [
					        {
					            name:'配送员情况',
					            type:'pie',
					            radius : [30, 110],
					            center : ['50%', '50%'],
					            roseType : 'area',
					            data:[
					                {value:10, name:'rose1'},
					                {value:5, name:'rose2'},
					                {value:15, name:'rose3'},
					                {value:25, name:'rose4'},
					                {value:20, name:'rose5'},
					                {value:35, name:'rose6'},
					                {value:30, name:'rose7'},
					                {value:40, name:'rose8'}
					            ]
					        }
					    ]
					};

					// 使用刚指定的配置项和数据显示图表。
					myChart.setOption(option);
				</script>
				<div class="clear"></div>
			</div>
		</div>
	</div>
	<div class="row-col">
		{:W('Announcement')}
	</div>
	<div class="clear"></div>
	<div class="row-col">
		{:W('Message')}
	</div>
	<div class="row-col">
		<div class="row-table">
			<div class="row-table-title">可用可信HRM系统开发团队</div>
			<div class="row-table-body">
				<pre>当前版本：{:C(VERSION)} 发布时间：{:C(RELEASE)}
				
版权所有：东莞市可用可信家庭服务有限公司
总 策 划：Rogermmg
开发与支持团队：Rogermmg http://www.h6.design
UI 设计：5KCRM
官方网站：http://www.dgpaotui.com/
感谢5KCRM开源HCRM程序
Rogermmg THINKPHP框架二次开发
				</pre>
				<div class="clear"></div>
			</div>
		</div>
	</div>
</div>
<div class="clear"></div>
<include file="Core:Public:alert" />
<include file="Core:Public:footer" />